<!doctype html>
<html lang>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
       *{
          margin:0;
       }
       .father{
           margin:auto;
           width:100%;
           height:390px;
           background:#8ba7b3;
      }
      .img{
          width:180px;
          height:210px;
          padding-top:100px;
          margin-left:110px;
      }
      .content{
          width:410px;
          height:40px;
          margin-left:300px;
          margin-top: -220px;
          font-style: italic; 
          font-size: 14pt;
          font-family:微软雅黑;
          text-align: center;
          color:seashell; 
     }
      .p1{
          width:780px;
          height:70px;
          margin-left:330px;
          margin-top: 20px;
          font-size: 16pt;
          font-family:华文中宋;
          color:rgb(83, 82, 81);  
      }
     .radius{
         width:50px;
         margin-left:330px;
         padding:7px 40px 0 0;
         border:3px solid #ffffff;
         border-radius: 11px 11px 11px 11px;
         display:inline-block;
         background:#ffffff;
      }
     .one{
         width:70px;
         margin-top:-30px;
         margin-left:38px;
         font-family:黑体;
         font-size: 16pt;
         font-weight:bold;
      }
      .one1{
         width:23px;
         height:23px;
         border-radius: 11.5px 11.5px 11.5px 0;
         margin:0;
         padding:10px 50px 0 0;
         border:3px solid #ffffff;
         background:#ffffff;
         font-size:14pt;
         font-weight:bold;
         display:inline-block;
      }
      .radius1{
         width:50px;
         margin-left:30px;
         padding:7px 40px 0 0;
         border:3px solid #ffffff;
         border-radius: 11px 11px 11px 11px;
         display:inline-block;
         background:#ffffff;
      }
      .two{
         width:70px;
         margin-top:-30px;
         margin-left:38px;
         font-family:黑体;
         font-size: 16pt;
         font-weight:bold;
      }
      .two1{
         width:23px;
         height:23px;
         border-radius: 11.5px 11.5px 11.5px 0;
         margin:0;
         padding:10px 50px 0 0;
         border:3px solid #ffffff;
         background:#ffffff;
         font-size:14pt;
         font-weight:bold;
         display:inline-block;
      }
      .radius2{
         width:305px;
         margin-left:38px;
         padding:7px 40px 0 0;
         border:3px solid #919090;
         border-radius: 11px 11px 11px 11px;
         background:#fff;
         display:inline-block;
      }
      .three{
         width:300px;
         margin-top:-30px;
         margin-left:38px;
         font-family:黑体;
         font-size: 16pt;
         font-weight:bold;
      }
      .weixin{
         width:50px;
         margin-left:330px;
         padding:7px 40px 0 0;
         display:inline-block;
      }
      .a2:hover{
          color:#07b1fa;
      }
    </style>
</head>
<body>
    <div class="father">
        <div class="img">
            <img vspace="20" src="PHP/ci-logo-big.png"/>
        </div>
        <div class="content">
            <h1>优雅的 CodeIgniter</h1>
        </div>
        <div class="p1">
            <p>CodeIgniter 是一个小巧但功能强大的 PHP 框架，作为一个简单而“优雅”的工具包，它可以为开发者们建立功能完善的 Web 应用程序。</p>
        </div>
        <div class="radius">
                <a><img src="PHP/cat.jpg" width="35" height="35"/></a>
            <div class="one">
                <a>Star</a>
            </div> 
    </div>
        <div class="one1">
            <a class="a2">18,109</a> 
        </div>

        <div class="radius1">
            <a><img src="PHP/cat.jpg" width="35" height="35"/></a>
            <div class="two">
                <a>Star</a>
            </div> 
        </div>
        <div class="two1">
            <a class="a2">7,858</a> 
        </div>

        <div class="radius2">
            <a><img src="PHP/cat.jpg" width="35" height="35"/></a>
            <div class="three">
                <a>Follow @CodeIgniter-Chinese</a>
            </div> 
        </div>
        <div class="weixin">
            <p><img src="PHP/weixin.jpg" width="27" height="27"/></p>
        </div>
 </div>
</body>
</html>
